import React from 'react';
import './index.scss';
import classNames from 'classnames';

const CircleProgress = (props) => {
  let { className, children, progress = 0 } = props;

  let classname = classNames(
    className,
    'pie-wrapper',
    `progress-${progress}`
  );

  return (
    <div className={classname}>
      <div className="label">
        {children}
      </div>
      <div className="pie">
        <div className="left-side half-circle"></div>
        <div className="right-side half-circle"></div>
      </div>
    </div>
  );
}

export default CircleProgress;
